<template>
  <div class="row">
    <div v-for="route in routes" :key="route.path" class="row-item">
      <router-link :to="route.path">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">{{ route.name }}</h5>
            <!-- <p class="card-text">{{ route.meta.description }}</p> -->
          </div>
        </div>
      </router-link>
    </div>
  </div>
</template>

<script setup lang="ts">
import { routes } from '@/router/routes';
</script>

<style scoped>
.row {
  display: flex;
  flex-wrap: wrap;
}
.row-item {
  min-width: 200px;
}
</style>
